<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>贵州历史文化网后台管理</title>
    <meta name="description" content="Restyling jQuery UI Widgets and Elements" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <link rel="stylesheet" href="__static__/assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="__static__/assets/css/font-awesome.min.css" />
    <link rel="stylesheet" href="__static__/assets/css/ace-fonts.css" />
    <link rel="stylesheet" href="__static__/assets/css/ace.min.css" id="main-ace-style" />
    <script src="__static__/assets/js/ace-extra.min.js"></script>
    <style type="text/css">
        .CSSearchTbl {
            border: 1px #008CD4 solid;
        }

        .CSSearchTbl thead {}

        .CSSearchTbl thead tr {}

        .CSSearchTbl thead tr th {
            text-align: left;
            padding-left: 10px;
        }

        .CSSearchTbl tbody {}

        .CSSearchTbl tbody tr {}

        .CSSearchTbl tbody tr td {
            padding: 10px;
        }

        .CSSearchTbl tbody tr td.right {
            text-align: left;
        }

        .CSSearchTbl tbody tr td.left {
            text-align: right;
        }

        .table-responsive {
            display: none;
        }
    </style>
</head>

<body class="no-skin">
    <!-- #section:basics/navbar.layout -->
    <div id="navbar" class="navbar navbar-default">

        {include file="./public/top" /}
    </div>

    <!-- /section:basics/navbar.layout -->
    <div class="main-container" id="main-container">

        <!-- #section:basics/sidebar -->
        {include file="./public/left" /}

        <!-- /section:basics/sidebar -->
        <div class="main-content">
            <div class="breadcrumbs" id="breadcrumbs">
                <ul class="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">管理员</a>
                    </li>
                    <li>
                        <a href="elements.html">管理员列表</a>
                    </li>
                </ul><!-- /.breadcrumb -->

                <!-- <div class="nav-search" id="nav-search">
						<form class="form-search">
							<span class="input-icon">
								<input type="text" placeholder="请输入关键字 ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
								<i class="ace-icon fa fa-search nav-search-icon"></i>
							</span>
						</form>
                    </div> -->
                <!-- /.nav-search -->
            </div>
            <div class="page-content">

                <!-- /section:settings.box -->
                <div class="page-content-area">
                    <div class="row">
                        <div class="col-xs-12">
                            <form class="form-horizontal" role="form" method="POST">
                                <div class="form-group">
                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-1">
                                        管理员名称：</label>

                                    <div class="col-sm-9">
                                        <input type="text" id="form-field" name="name" placeholder="输入管理员名称"
                                            class="col-xs-10 col-sm-5" />
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-3 control-label no-padding-right" for="form-field-1">
                                        管理员密码：</label>

                                    <div class="col-sm-9">
                                        <input type="text" id="form-field-1" name="password" placeholder="输入管理员密码"
                                            class="col-xs-10 col-sm-5" />
                                    </div>
                                </div>

                                <div class="clearfix form-actions">
                                    <div class="col-md-offset-3 col-md-9">
                                        <button class="btn btn-info" type="submit">
                                            <i class="ace-icon fa fa-check bigger-110"></i>
                                            立即提交
                                        </button>

                                        &nbsp; &nbsp; &nbsp;
                                        <button class="btn" type="reset">
                                            <i class="ace-icon fa fa-undo bigger-110"></i>
                                            重置
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div><!-- /.page-content-area -->
            </div><!-- /.page-content -->
        </div><!-- /.main-content -->


        <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
            <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
        </a>
    </div><!-- /.main-container -->

    <!-- basic scripts -->

    <!--[if !IE]> -->
    <script type="text/javascript">
        window.jQuery || document.write("<script src='__static__/assets/js/jquery.min.js'>" + "<" + "/script>");
    </script>

    <!-- <![endif]-->

    <!--[if IE]>
		<script type="text/javascript">
		 window.jQuery || document.write("<script src='__static__/assets/js/jquery1x.min.js'>"+"<"+"/script>");
		</script>
		<![endif]-->
    <script type="text/javascript">
        if ('ontouchstart' in document.documentElement) document.write("<script src='__static__/assets/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
    </script>
    <script src="__static__/assets/js/bootstrap.min.js"></script>

    <script src="__static__/assets/js/jquery.dataTables.min.js"></script>
    <script src="__static__/assets/js/jquery.dataTables.bootstrap.js"></script>

    <!-- ace scripts -->
    <script src="__static__/assets/js/ace-elements.min.js"></script>
    <script src="__static__/assets/js/ace.min.js"></script>

    <script type="text/javascript">
        jQuery(function ($) {

            $(".tbl-search").click(function () {
                $(".table-responsive").slideDown("fast");
            })

            var oTable1 =
                $('#sample-table-2')
                    .dataTable({
                        bAutoWidth: false,
                        bInfo: flase,
                        "aoColumns": [
                            { "bSortable": false },
                            null,
                            null,
                            null,
                            null,
                            null,
                            { "bSortable": false },
                            null,
                            { "bSortable": false }
                        ],
                        "aaSorting": [],
                    });

            $(document).on('click', 'th input:checkbox', function () {
                var that = this;
                $(this).closest('table').find('tr > td:first-child input:checkbox')
                    .each(function () {
                        this.checked = that.checked;
                        $(this).closest('tr').toggleClass('selected');
                    });
            });

        })

    </script>
</body>

</html>